
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的简历</title>
    <link rel="stylesheet" href="example.css"/>
    <style type="text/css">
        *{
        margin:0;
        padding:0;
        }
        input{
        width:240px;
	    height:30px;
	    background-color:#ffffff;
	    border-radius:10px;
        padding-left:30px;
	    margin-left:-80px;
	    position: relative;
        right:-750px;
        top:-49px;
	    }
        #message{
        line-height:25px;
        font-size:15px;
        margin-left:170px;
        margin-top:-70px;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <img src="image/one.jpg" style="width:1470px;height:900px"/>
    <div class="block1">
        <p>你好!欢迎来到MOOD , 你今天过得好吗 ?</p>
        <input placeholder="随便玩玩">
        <div>
            <ul style="display:inline;position: relative;left:900px;top:-99px;">
                <li style="display:inline-block;width:7%;color:#000000;"><b>个人中心</b></li>
                <li style="display:inline-block;width:5%;color:#000000;"><b>足迹</b></li>
                <li style="display:inline-block;width:5%;color:#000000;"><b>动态</b></li>
                <li style="display:inline-block;width:5%;color:#000000;"><b>消息</b></li>
                <li style="display:inline-block;width:7%;color:#000000;"><a href="https://kg.qq.com/index-pc.html" target="_blank" style="color:black;">全民K歌</a></li>
            </ul>
        </div>
    </div>
    <!-- 主页名片  -->
    <div class="block2">
        <img src="image/two.jpg" style="width:80px;height:80px;border-radius:50px;position: relative;left:60px;top:-10px;"/>
        <div id="message">
            <h2>举歌栗子</h2>
            <br/>
            <p>| 暂无 原创 | 暂无 排名 | 0粉丝 | 0铁粉 |</p>
            <p>IP 属地: 四川</p>
            <p>加入时间: 2022/9/13</p>
        </div>
        <div>
            <img src="image/three.jpg" style="width:20px;height:20px;position: relative;left:1000px;top:-110px;"/>
            <img src="image/four.jpg" style="width:20px;height:20px;position: relative;left:1020px;top:-110px;"/>
        </div>
    </div>
    <!-- 左框信息  -->
    <div class="block3">
        <div style="line-height:25px;margin-left:20px;padding-top:20px;">
            <h3>详细信息</h3>
            <p>姓名:佚名</p>
            <p>班级:2022班</p>
            <p>学号:20*********</p>
            <p>联系方式:123***78910</p>
            <p>爱好:sing, dance, rap and basketball</p>
            <br/>
            <h3>心情仓库</h3>
            <img src="image/five.jpg" style="width:260px;height:340px;"/>
        </div>
    </div>
    <!-- 右框日记 -->
    <div class="block4">
        <h3 style="font-size:20px;font-family:微软雅黑;text-align:center;padding-top:10px">Today</h3>
        <div>
            <ul style="display:inline;margin-left:100px;position: relative;top:50px;">
                <li style="display:inline-block;width:5%;color:#000000;">年</li>
                <li style="display:inline-block;width:5%;color:#000000;">月</li>
                <li style="display:inline-block;width:23%;color:#000000;">日</li>
                <li style="display:inline-block;width:25%;color:#000000;">星期</li>
                <li style="display:inline-block;width:10%;color:#000000;">天气 :</li>
            </ul>
            <p style="position: relative;top:70px;left:20px">写下你的感想 . . .</p>
        </div>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
        <hr style="margin-top:35px"/>
    </div>
</body>
</html>